<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../bootstrapt/css/bootstrap.css" />
    <script src="../js/jquery.js"></script>
    <script src="../bootstrapt/js/bootstrap.js"></script>
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);
        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <script>
        $(function(){
            $("#abolish").click(function () {
                $("#content").slideToggle()
            })
        })
        function change(){
            var v = $("#pay_way  option:selected").val();
            if(v==0){
                $("#allprice").val("总金额:"+(5888*0.95).toFixed(2))
            }else if(v==1){
                $("#allprice").val("总金额"+5888)
            }else if(v==2){
                $("#allprice").val("总金额"+5888)
            }
        }
    </script>
    <link rel="stylesheet" href="../css/simpleorder.css" type="text/css" media="all" />
</head>
<body>
<!-- title -->
<h1 class="header-w3ls">Item Order Form</h1>
<!-- //title -->
<!-- content -->
<div class="porduct-order-agile" style="display: none;" id="content">

        <div class="form-group">
            <p>计划入住时间</p>
            <input type="text" name="name" placeholder="计划入住时间">
        </div>
        <div class="form-group">
            <p>计划退房时间 </p>
            <input type="text" placeholder="计划退房时间" >
        </div>
        <div class="form-group">
            <p>预定留言</p>
            <input type="text" placeholder="预定留言">
        </div>

        <div class="order-list">
            <p>房间类型</p>
            <div class="main">
                <div class="form-order">
                    <input type="text" class="form-control buttom" style="border:0.5px solid black;position: relative;top: 10px;"
                           disabled="disabled" value="大床房" />
                </div>
                <div class="form-order">
                    <input type="text" class="form-control buttom" style="border:0.5px solid black;position: relative;top: 10px;"
                           disabled="disabled" value="您是黄金会员享0.85折扣" />
                </div>
                <div class="form-order">
                    <input type="text" class="form-control buttom" id="creditprice" style="border:0.5px solid black;position: relative;top: 10px;"
                           disabled="disabled" />
                </div>
            </div>
        </div>
        <div class="order-list">
            <p>请选择支付方式</p>
            <div class="main">
                <div class="form-order">
                    <select class="form-control buttom" id="pay_way" onchange="change()">
                        <option value="-1">---支付方式---</option>
                        <option value="0">线上支付(可另享95折优惠)</option>
                        <option value="1">线下到店支付</option>
                        <option value="2">钱包余额支付</option>
                    </select>
                </div>

                <div class="form-order">
                    <input type="text" class="form-control buttom" id="allprice" style="border:0.5px solid black;position: relative;top: 10px;"
                           disabled="disabled"/>
                </div>
            </div>
        </div>
        <button type="submit" class="btn btn-primary" id="submit">提交预定</button>
        <button type="submit" class="btn btn-primary" id="abolish">取消</button>

</div>
</body>
</html>